Ext.regController("Index", {
    index: function(options) {
        this.indexView = this.render({
            xtype:'indexIndex'
        });
        myApp.viewport.setActiveItem(this.indexView, options.animation);
    },
    panel: function(options) {
        this.panelView = this.render({
            xtype:'indexPanel'
        });
        myApp.viewport.setActiveItem(this.panelView, options.animation);
    },
    toolbar: function(options) {
        this.toolbarView = this.render({
            xtype:'indexToolbar'
        });
        myApp.viewport.setActiveItem(this.toolbarView, options.animation);
    },
    tabpanel:function(options){
        this.tabpanelView = this.render({
            xtype:'indexTabpanel'
        });
        myApp.viewport.setActiveItem(this.tabpanelView, options.animation);
    },
    carousel:function(options){
        this.carouselView = this.render({
            xtype:'indexCarousel'
        });
        myApp.viewport.setActiveItem(this.carouselView, options.animation);
    },
    box:function(options){
        this.boxView = this.render({
            xtype:'indexBox'
        });
        myApp.viewport.setActiveItem(this.boxView, options.animation);
    }
	  
});